<template>
  <div class="shippingRefund">
    <Head @showMenu="showMn = true" class="header" />
    <Menu :showMenu="showMn" @closeMenu="showMn = false" />
    <div  class="other-content">
      <div  class="other-title">
        Shipping &amp; Refund Policy
      </div>
      <div  class="contact-content">
        <p  class="contact-row">
          Any cost, fee, duty, tax or other expense caused by delivery of the
          items shall be borne by the recipient. Before ordering items you are
          advised to familiarise yourself with your local import, customs, and
          tax laws.
        </p>
        <p  class="contact-row">
          We are unable to deliver items to Private Bag or Post Office Box
          addresses. If the User’s order has been accepted by us, the User will
          receive a confirmation email. If Users do not receive a confirmation
          email within two working days counting from the day of placing the
          order, they need to contact us<a
            
            href="mailto:support@rolling-boxes.vip"
            class="email-link"
            >support@rolling-boxes.vip</a
          >.Only when Users receive the confirmation email will their order be
          considered as accepted.
        </p>
        <p  class="contact-row">
          We will use reasonable efforts to deliver the items as quickly as
          possible within a reasonable time, but we are not responsible for any
          delays in delivery which are beyond our control. We do not make any
          promise or warranty as to the delivery date for the items. We may
          display on the Site the approximate time of delivery. We make this
          non-binding estimate based on our knowledge and experience at that
          time. Rolling Boxes does not accept any liability and Users hereby
          release us from any liability for any damage caused by the early or
          late delivery of the item, failure to deliver the item, or User’s
          reliance on the estimated date of delivery.
        </p>
        <p  class="contact-row">
          The risk of damage or loss of items shall be passed to the User upon
          our delivery or attempted delivery of the item in accordance with the
          User’s delivery instructions. If the item does not arrive or arrives
          damaged or defective, please contact us immediately but no later than
          within two months from the date of order if item does not arrive or
          within five (5) days of receipt if item arrived damaged or defective,
          together with photographic evidence of the damage. If, at our sole
          discretion, we determine that the damage occurred through no fault of
          the User we will at our sole discretion and item availability either
          send a new item or provide full refund of the cost paid to us for that
          item. Prior to issuing refund or sending supplementary item User must
          return the damaged item to us by. If damage to the item resulted from
          the User’s actions, we do not take any responsibility for the damage
          nor will we provide a refund.
        </p>
        <p  class="contact-row">
          We currently ship to the following countries: Worldwide shipping 🌎.
        </p>
        <p  class="contact-row">
          Shipping time for clothing articles:
        </p>
        <ul  class="list-text">
          <li >90% is delivered within 14 days.</li>
          <li >9% is delivered within 20 days.</li>
          <li >1% is delivered within 3 weeks.</li>
        </ul>
        <p  class="contact-row">
          Shipping time for Electronics:
        </p>
        <ul  class="list-text">
          <li >80% is delivered within 5 days.</li>
          <li >20% is delivered within 12 days.</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import Head from "@/components/head/header.vue";
import Menu from "@/components/menu";

export default {
  name: "shippingRefund",
  components: {
    Head,
    Menu,
  },

  mounted() {
    this.active = this.$route.query.type;
  },
  data() {
    return {
      active: 0,
      showMn: false,
      titles: ["ALL", "CONDUCT", "COMPLETED"],
      contacts: ["whatsapp.webp", "telegram.webp", "skype.webp", "ins.webp"],
      data: [],
    };
  },
  methods: {
    goToBack() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.shippingRefund {
    margin-top: 95px;
  background: var(--main-bc-color);
  height: 100%;
  width: 100%;
  color: var(--text-color);
//   .header {
//     position: relative;
//   }

  .other-content {
       background: var(--main-bc-color);
    .list-text {
      padding-left: 30px;
      opacity: 0.6;
      margin-bottom: 10px;
      li {
          list-style-type: disc;
      }
    }
    .email-link {
      color: #f80;
      text-decoration: none;
    }
    width: 100%;
    max-width: 840px;
    padding: 12px;
    box-sizing: border-box;
    margin: 40px auto;
    .other-title {
      font-size: 26px;
      font-weight: 500;
      margin-bottom: 30px;
      text-align: center;
    }
    .contact-content {
      margin-top: 40px;
      line-height: 2;
    }
    .contact-row {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 1.25;
      opacity: 0.8;
    }
  }
}
</style>